<%@ pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/views/webPart/head.jsp"></jsp:include>
<title>测试-呵Sever</title>
<script>
	/*
		设置banner
		参数说明：
		obj:要加入处理的jquery对象
		url:访问的远程jsonp地址
		callbackName：jsonp中的callback参数
		treatment：后处理
	*/
	var setBanner = function(obj,url,callbackName,treatment){
		$.ajax({
			type: "get",
			dataType: "jsonp",
			url: url,
			jsonp: "callback",
			jsonpCallback:callbackName,
			success: function(json){
				var html = unescape(decodeURI(json.html));
				var $html = $(html).find("div");
				obj.html(html);
				treatment(obj);
            },
            error: function(){
                 console.log('fail');
            }
		});
	};
	
	/*jsonp获取banner的Url*/
	var getBannerUrl = "http://192.168.0.189:8080/gd-servicehall-portal/bannerService/getBanner";
	/* 设置页首 */
	$.fn.setHeader = function(treatment){
		setBanner($(this),getBannerUrl+"?type=header","getHeader",treatment);
	};
	/* 设置页脚 */
	$.fn.setFooter = function(treatment){
		setBanner($(this),getBannerUrl+"?type=footer","getFooter",treatment);
	};
	/* 以上为提供的js */
	
	
	/*
	调用说明：
	1.调用$().setHeader(function(thisObj){});
	2.其中thisObj参数是加载banner后的元素（由于ajax的异步问题，$(this)的html依然是空的）
	*/
	$(function(){
		$("div#headerPart").setHeader(function(thisObj){
			thisObj.find(".login a").html("测试修改登录的文字");
		});
		$("div#footerPart").setFooter(function(thisObj){
		});
		
		//setBanner("","http://localhost:8080/gd-servicehall-portal/bannerService/getBanner?type=header","");
	});
</script>
</head>
<body>
	<div id="headerPart"></div>
	<div id="footerPart"></div>
</body>
</html>
